<template>
  <div class="editor-container">
    <div class="ql-container ql-snow ql-disabled">
      <div class="ql-editor ql-blank" v-html="modelValue"></div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import "@vueup/vue-quill/dist/vue-quill.snow.css";
// 双向绑定
const modelValue = defineModel("modelValue", {
  type: String,
  required: false,
});
</script>

<style lang="scss" scoped>
.ql-container.ql-snow {
  border: none;
}
</style>
